$(function () {
    // 1-登陆页表单校验
    // 用户名： 非空 2-6位 
    // 密码：非空  6-12位 
    $('.login-form').bootstrapValidator({
  
      //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
      excluded: [':disabled', ':hidden', ':not(:visible)'],
  
      //2. 指定校验时的图标显示，默认是bootstrap风格
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
  
      //3- 设置要校验的数据和规则 
      // fields 字段(数据)
      // 指定要校验的数据 
      fields: {
        // 根据表单name属性进行校验的
        username: {
          // 校验规则
          validators: {
            // 非空校验
            notEmpty: {
              message: '用户名不能为空哦'
            },
            // 长度校验
            stringLength: {
              min: 2,
              max: 6,
              message: '用户名必须2-6位'
            },
            //拓展一个提示信息
            callback: {
              message: '用户名不存在！'
            }
          }
        },
        password: {
          // 校验规则
          validators: {
            // 非空校验
            notEmpty: {
              message: '密码不能为空哦'
            },
            // 长度校验
            stringLength: {
              min: 6,
              max: 12,
              message: '密码必须6-12位'
            },
            //拓展一个提示信息
            callback: {
              message: '密码错误！'
            }
          }
        }
      }
    })
  
    // 2-重置表单校验样式
    //  点击重置按钮， 通过表单校验插件的实例 调用插件提供表单重置方法 
    $('.btn-reset').click(function () {
      $('.login-form').data('bootstrapValidator').resetForm();
    });
  
    // 用户登陆
    // 1- 点击登陆按钮，在表单数据校验通过的情况下，获取数据，把用户名和密码传递给后台，进行登陆校验
    // 2- 接收后台返回登陆结果， 
    //   如果登陆成功，去首页 ， 
    //   如果登陆失败 提示错误信息，重新登陆
  
    // 插件提供  success.form.bv 事件 :会在用户点击提交按钮，并且表单数据校验通过时触发 ；
  
    // $('.btn-login').click(function () {
    //   if (数据合理) {
    //     // 获取数据，把用户名和密码传递给后台，进行登陆校验
    //     $.ajax({
    //       .....
    //     })
    //   }
    // })
  
    $('.login-form').on('success.form.bv', function (e) {
      e.preventDefault(); //阻止表单提交默认行为
      // 把用户名和密码传递给后台，进行登陆校验
      $.ajax({
        type: 'post',
        url: '/employee/employeeLogin',
        data: $('.login-form').serialize(),
        dataType: 'json',
        success: function (res) {
          console.log(res);
          // 处理登陆结果
          if (res.success) {
            //去首页
            location.href = 'index.html';
          }
          //失败
          if (res.error == 1000) {
            // 将用户名的校验状态 由成功改变失败 
            $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
          }
          if (res.error == 1001) {
            // 将密码的校验状态 由成功改变失败 
            $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
          }
        }
      })
    })
  });